<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8" />
	<!--[if lt IE 9]><script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
	<title></title>
	<meta name="keywords" content="" />
	<meta name="description" content="" />
	<link href="style.css" rel="stylesheet">
	
</head>

<script src="http://code.jquery.com/jquery-1.10.2.js"></script>
  <script src="http://code.jquery.com/ui/1.11.2/jquery-ui.js"></script>
<script src="js/countdown.js"></script>

<script>
$(document).ready(function(){
$("#countdown").countdown({
date: "12 january 2015 12:00:00",
format: "on"
},
 
function() {
// callback function
});
});
</script>
<script>					
 $( window ).scroll(function() {
				var d = document.body;
				var header = document.getElementById("header");
				//header.innerHTML = "<center>"+d.clientHeight + " "+d.scrollTop +"</center>";
				var arr = new Array(
					{"id":"a1","minpos":"840","maxpos":"1620","type":1},
					{"id":"a2","minpos":"1621","maxpos":"2420","type":1},
					{"id":"a3","minpos":"2421","maxpos":"3120","type":1},
					{"id":"a4","minpos":"3121","maxpos":"4020","type":1},
					{"id":"a5","minpos":"4021","maxpos":"4720","type":1},
					{"id":"a6","minpos":"4721","maxpos":"6000","type":1}
			
					);	
					
					
				
				for(var i=0; i<arr.length; i++) {
				 var a  = document.getElementById(arr[i].id);
				 
				  if (d.scrollTop>=arr[i].minpos && d.scrollTop <=arr[i].maxpos) {
						a.style.cssText = "background-color:#ea506c;"
						a.onmouseover = function(){
									this.style.cssText = 'background-color:white; transition:1s;';
								}
						a.onmouseout = function(){
									this.style.cssText = 'background-color:#ea506c;transition:1s; ';
								}
					}
					else {
						a.style.cssText = "background-color:transparent;"
						a.onmouseover = function(){
									this.style.cssText = 'background-color:white;transition:1s;';
								}
						a.onmouseout = function(){
									this.style.cssText = 'background-color:transparent;transition:1s;';
								}
						}
				}
		
});


</script>


<body>

<div class="wrapper">

	<header class="header" id="header">
		<div class="menu">
			<ul>
				<li id="a1"><a href="#uslugi">УСЛУГИ</a></li>
				<li id="a2"><a href="#price">ЦЕНЫ</a></li>
				<li id="a3"><a href="#paket">ПАКЕТЫ</a></li>
				<li id="a4"><a href="#vdeistvii">В ДЕЙСТВИИ</a></li>
				<li id="a5"><a href="#portfolio">ПОРТФОЛИО</a></li>
				<li id="a6"><a href="#kontakti">КОНТАКТЫ</a></li>
			</ul>
		</div>
	</header><!-- .header-->
	
	<div class="content-page  zvezdi page1">
		<div class="erlerl"></div>
		<div class="page ">
			<div class="logo">
				<p>команда WEB-разработчиков</p>
				<a href="#portfolio" class="btn">СМОТРЕТЬ ПОРТФОЛИО</a>
			</div>

		</div>
		
		
	</div>

	<div class="content-page bg-color-1 page2" id="uslugi">
		<div class="tr1 "></div>
		
		<div class="page ">
		<div class="zagolovok">УСЛУГИ</div>
		<div class="block-usluga">
			<div class="left usluga"><img src="img/usluga1.png"><p>Проектировка и создание дизайна</p></div>
			<div class="left usluga"><img src="img/usluga2.png"><p>Верстка</p></div>
			<div class="left usluga"><img src="img/usluga3.png"><p>Программирование</p></div>
			<div class="left usluga"><img src="img/usluga4.png"><p>SEO-оптимизация</p></div>
		</div>

		</div>
		
		
	</div>

	<div class="content-page bg-color-2 page3" >
		<div class="tr2 "></div>
		
		<div class="page" id="price">
		<div class="zagolovok">ЦЕНЫ</div>
		<div class="table">
			<div class="row">
				<div class="col-1">
					<p>$125</p>
				</div>

				<div class="col-2">
					<p class="title">Сайт-визитка </p>
				</div>

			</div>

			<div class="row">
				<div class="col-1">
					<p>$225</p>
				</div>

				<div class="col-2">
					<p class="title">Корпоративный сайт</p>

				</div>

			</div>

			<div class="row">
				<div class="col-1">
					<p>$325</p>
				</div>

				<div class="col-2">
					<p class="title">Интернет-магазин</p>

				</div>

			</div>
			<div class="row">
				<div class="col-1">
					<p>$150</p>
				</div>

				<div class="col-2">
					<p class="title">Landing page до 5 экранов</p>

				</div>

			</div>

			<div class="row">
				<div class="col-1">
						<p>$75</p>
				</div>

				<div class="col-2">
					<p class="title">Разработка индивидуального дизайна</p>
				</div>

			</div>
			<div class="row">
				<div class="col-1">
					<p>$40</p>
				</div>

				<div class="col-2">
					<p class="title">Верстка страниц в HTML</p>

				</div>

			</div>
			
			
		</div>

		<div class="table">
			<div class="row">
				<div class="col-1">
					<p>от $16</p>
				</div>

				<div class="col-2">
					<p class="title">Хостинг</p>

				</div>

			</div>
			
			<div class="row">
				<div class="col-1">
					<p>$40</p>
				</div>

				<div class="col-2">
					<p class="title">SEO-аудит</p>

				</div>

			</div>

			<div class="row">
				<div class="col-1">
					<p>$125</p>
				</div>

				<div class="col-2">
					<p class="title">Продвижение сайта в ТОП-10</p>

				</div>

			</div>

			<div class="row">
				<div class="col-1">
					<p>$30</p>
				</div>

				<div class="col-2">
					<p class="title">Разработка логотипа</p>

				</div>

			</div>
			<div class="row">
				<div class="col-1">
					<p>от $1,5 </p>
				</div>

				<div class="col-2 ">
					<p class="title">Рерайт, копирайт(за 1000 символов)</p>

				</div>

			</div>
			<div class="row">
				<div class="col-1">
					<p>от $8</p>
				</div>

				<div class="col-2">
					<p class="title">Стоимость регистрации доменного имени сроком на 1 год</p>

				</div>
			</div>
		</div>
		</div>
		
	</div>

	<div class="content-page bg-color-3" >
		<div class="tr3 "></div>
		
		<div class="page page1" id="paket">
		<div class="zagolovok">LANDING PAGE</div>
			<div class="packet">
				<div class="packet-header">
				</div>
				<div class="packet-content">
					<p>
					Анализ ниши и конкурентов<br>
					Проектировка страницы<br>
					Написание продающих текстов и триггеров<br>
					Создание уникального
					дизайна<br>
					Верстка страницы<br>
					Установка на
					хостинг и домен<br>
					Тестирование<br>
					Подключение Яндекс.Метрики
					или Google Analytics<br>
					Подключение форм
					заявок к почте<br>
					Создание
					корпоративной почты<br>
					Создание страницы
					благодарности<br>
					Техническая поддержка
					(1 неделя)<br>
					</p>
				</div>
				<div class="packet-footer" content="100$">
				</div>
			</div>

			<div class="packet">
				<div class="packet-header">
				</div>
				<div class="packet-content">
				</div>
				<div class="packet-footer" content="150$">
				</div>
			</div>

			<div class="packet">
				<div class="packet-header">
				</div>
				<div class="packet-content">
				</div>
				<div class="packet-footer " content="200$">
				</div>
			</div>
		</div>
		
	</div>
	<div class="content-page bg-color-2  page6" id="vdeistvii">
		<div class="tr11 "></div>
		
		<div class="page">
			<div class="zagolovok">СОВЫ В ДЕЙСТВИИ</div>
		    <div class="erl1 erl1-1">
		   		<p>Принимаем заказ и договариваемся </p>
		    </div>
		     <div class="erl1 erl1-2">
		   		<p>Принимаем заказ и договариваемся </p>
		    </div>
		     <div class="erl1 erl1-3">
		   		<p>Принимаем заказ и договариваемся </p>
		    </div>
		     <div class="erl1 erl1-4">
		   		<p>Принимаем заказ и договариваемся </p>
		    </div>
		     <div class="erl1 erl1-5">
		   		<p>Принимаем заказ и договариваемся </p>
		    </div>
		</div>
		
	</div>

	<div class="content-page bg-color-3">
		<div class="tr4 "></div>
		
		<div class="page "  id="portfolio">
		<div class="zagolovok">ПОРТФОЛИО</div>
				<div>
					<div class="portfolio"><img src="img/10.jpg"></div>
					<div class="portfolio"><img src="img/10.jpg"></div>
					<div class="portfolio"><img src="img/10.jpg"></div>
					<div class="portfolio"><img src="img/10.jpg"></div>
					<div class="portfolio"><img src="img/10.jpg"></div>
					<div class="portfolio"><img src="img/10.jpg"></div>
					<div class="portfolio"><img src="img/10.jpg"></div>
					<div class="portfolio"><img src="img/10.jpg"></div>
				</div>
		</div>
	
		
	</div>
	<div class="content-page bg-color-4 page-6" id="kontakti">
		
		<div class="page ">
		<div class="zagolovok zagolovok1">Акция!Закажи соски <br> и получи соском в подарок!</div>
			<div class="counter">				
			
				<ul id="countdown">
				<li> <span class="days">00</span>
				<p class="timeRefDays">days</p>
				</li>
				<li> <span class="hours">00</span>
				<p class="timeRefHours">hours</p>
				</li>
				<li> <span class="minutes">00</span>
				<p class="timeRefMinutes">minutes</p>
				</li>
				<li> <span class="seconds">00</span>
				<p class="timeRefSeconds">seconds</p>
				</li>
				</ul>				
			</div>
			<div class="forma">
				<form>
					<input type="text" placeholder="Имя" value="">
					<input type="text" placeholder="Email" value="">
					<textarea placeholder="Ваш комментарий..."></textarea>
					<input type="submit" value="ЗАКАЗАТЬ">
				</form>
			</div>
		</div>
	
		
	</div>

	<footer class="footer">
		<div class="social">
			<a href=""><img src="img/vk.png"></a>
			<a href=""><img src="img/fb.png"></a>
			<a href=""><img src="img/tw.png"></a>
		</div>
	</footer><!-- .footer -->

</div><!-- .wrapper -->

<script>
       $(document).ready(function() {			 
			$('a[href^="#"]').click(function(){
					var el = $(this).attr('href');
					$('body').animate({
						scrollTop: $(el).offset().top-20}, 1000);
					return false; 
			});	
		});


	
    </script>
</body>
</html>